<!--系部评价表-->
<div class="OutDiv">
  <!--主页面-->
  <div class="mainPage" [hidden]="mainStatus !== 1">
    <div class="exciseTableDiv">
      <div class="aRow tableTop">
        <button nz-button nzType="primary" (click)="clickAdd()"><i nz-icon nzType="plus" nzTheme="outline"></i>新增</button>
        <button nz-button nzType="default"
                nz-popconfirm
                nzOkType="danger"
                nzTitle="确定删除所选数据吗?"
                (nzOnCancel)="moveCloseFn()"
                (nzOnConfirm)="deleteAll()"
                nzPlacement="top"
                [disabled]="canDelete"
        >
          <i nz-icon nzType="delete" nzTheme="outline"></i>删除
        </button>
        <div style="float: right;">
          <span>学年：</span>
          <nz-select style="width: 180px; margin-right: 20px" nzAllowClear nzPlaceHolder="请选择" [(ngModel)]="yearname" (ngModelChange)="yearSearchChange($event)">
            <nz-option *ngFor="let item of yearListSearch" [nzLabel]="item.schoolYear" [nzValue]="item.schoolYear"></nz-option>
          </nz-select>
          <span>学期：</span>
          <nz-select style="width: 180px; margin-right: 20px" nzAllowClear nzPlaceHolder="请选择" [(ngModel)]="semestername">
            <nz-option *ngFor="let item of semestSearch" [nzLabel]="item.semesterName" [nzValue]="item.id"></nz-option>
          </nz-select>
          <span>评价表名称：</span>
          <input nz-input [(ngModel)]="formname" placeholder="请输入"/>
          <button nz-button style="margin-right:10px;" nzType="primary" (click)="clickSearch()">查询
          </button>
          <button style="margin-right: 0" nz-button nzType="default" (click)="resetSearch()">重置</button>
        </div>
      </div>
      <div class="w100 fl-l">
        <ng-template #totalTemplate let-total>总共 {{ pageInfo.totalRecords ? pageInfo.totalRecords : 0 }}条
        </ng-template>
        <nz-table
          #exciseBankTable
          nzBordered
          [nzData]="allList"
          [nzFrontPagination]="false"
          [nzShowPagination]="true"
          [nzPageIndex]="pageInfo.first"
          [nzTotal]="pageInfo.totalRecords"
          [nzShowTotal]="totalTemplate"
          [nzPageSize]="pageInfo.rows"
          [nzLoadingDelay]="1"
          [nzPageSizeOptions]="[10,20,30,50,100]"
          [nzShowQuickJumper]="true"
          [nzShowSizeChanger]="true"
          (nzPageIndexChange)="searchPageIndex($event)"
          (nzPageSizeChange)="searchPageSize($event)"
          (nzCurrentPageDataChange)="currentPageDataChange($event)"
        >
          <thead>
          <tr>
            <th class="tableCheck"
                nzShowCheckbox
                [(nzChecked)]="isAllCheck"
                [nzIndeterminate]="isIndeterminate"
                (nzCheckedChange)="checkAll($event)"
            ></th>
            <th>学年</th>
            <th>学期</th>
            <th>系部</th>
            <th>评价表名称</th>
            <th>总分（分）</th>
            <th style="width:220px;">操作</th>
          </tr>
          </thead>
          <tbody>
          <tr *ngFor="let data of exciseBankTable.data">
            <td
              nzShowCheckbox
              [(nzChecked)]="mapOfCheckedId[data.id]"
              (nzCheckedChange)="refreshStatus()"
            ></td>
            <td>{{ data.schoolYear}}</td>
            <td>{{ data.semesterName}}</td>
            <td>{{ data.deptName}}</td>
            <td>{{ data.name}}</td>
            <td>{{ data.score}}</td>
            <td>
              <span class="operaFont firOpera" (click)="preview(data)">预览</span>
              <span class="operaFont firOpera" (click)="edit(data)">编辑</span>
              <span class="operaFont firOpera" (click)="copy(data.id)">复制</span>
              <span class="operaFont firOpera" (click)="downLoad(data.id)">下载</span>
              <span class="operaFont operaTao"
                    nz-popconfirm
                    nzOkType="danger"
                    nzTitle="确定删除吗?"
                    (nzOnConfirm)="deleteOne(data.id)"
                    nzPlacement="top"
              >删除</span>
            </td>
          </tr>
          </tbody>
        </nz-table>
      </div>
    </div>
  </div>
  <!--编辑页面-->
  <div class="mainPage" *ngIf="mainStatus === 2" style="background-color: #F8F8F8;">
    <div class="leftTree">
      <div class="tabbox">
        <ul>
          <li *ngFor="let lis of sortTreeList;" [ngClass]="{'active': lis.id === activeId}" (click)="clickTabs(lis)">
            <span>{{lis.name}}</span>
          </li>
        </ul>
      </div>
    </div>
    <div class="rightDiv">
      <div class="exciseTableDiv" style="padding: 15px;">
        <div class="fl-r" style="margin-bottom: 15px;">
          <span class="fl-r operaFont" (click)="backXm()">
            返回上一级<i class="fa fa-reply m-l-sm"></i>
          </span>
        </div>
        <div class="tableTop fl-l" style="margin-bottom: 15px;">
          <button nz-button nzType="primary" (click)="clickAddYd()"><i nz-icon nzType="plus" nzTheme="outline"></i>新增</button>
          <label style="margin-left: 30px">
            <span>评价要点：</span>
            <input nz-input placeholder="请输入" class="w180 m-r-lm" [(ngModel)]="nameYd"/>
          </label>
          <label style="margin-right: 0">
            <button nz-button style="margin-right:10px" nzType="primary" (click)="clickSearchYd()">查询</button>
            <button nz-button nzType="default" (click)="resetSearchYd()">重置</button>
          </label>
        </div>
        <div style="margin-top: 35px">
          <ng-template #totalTemplateYd let-total>总共 {{ pageInfoYd.totalRecords? pageInfoYd.totalRecords:0 }} 条</ng-template>
          <nz-table
            nzBordered
            [nzData]="allListYd"
            [nzFrontPagination]="false"
            [nzShowPagination]="true"
            [nzPageIndex]="pageInfoYd.first"
            [nzTotal]="pageInfoYd.totalRecords"
            [nzShowTotal]="totalTemplateYd"
            [nzPageSize]="pageInfoYd.rows"
            [nzLoadingDelay]="1"
            [nzPageSizeOptions]="[10,20,30,50,100]"
            [nzShowQuickJumper]="true"
            [nzShowSizeChanger]="true"
            (nzPageIndexChange)="pageInfoYd.first = $event;pageYd(pageInfoYd)"
            (nzPageSizeChange)="pageInfoYd.rows = $event;pageYd(pageInfoYd)"
          >
            <thead>
            <tr>
              <th>评价要点</th>
              <th>评价记录</th>
              <th>类型</th>
              <th style="width:100px;">操作</th>
            </tr>
            </thead>
            <tbody>
            <tr *ngFor="let data of allListYd;let i = index;">
              <td>{{data.name}}</td>
              <td>{{data.value}}
              <td>{{data.type}}</td>
              <td>
                <span class="operaFont firOpera" (click)="editYd(data)" *ngIf="data.superviseType == '系部督导'">编辑</span>
                <span class="operaFont operaTao"
                      nz-popconfirm
                      nzOkType="danger"
                      nzTitle="确定删除吗?"
                      (nzOnConfirm)="deleteOneYd(data.id)"
                      nzPlacement="top"
                      *ngIf="data.superviseType == '系部督导'"
                >删除</span>
                <span *ngIf="data.superviseType == '校级督导'"></span>
              </td>
            </tr>
            </tbody>
          </nz-table>
        </div>
      </div>
    </div>
  </div>

  <!--预览评价表页面-->
  <div class="addPage" [hidden]="mainStatus !== 3">
    <div style="height: 30px;font-size: 16px">
      <span>预览</span>
      <span class="fl-r operaFont" (click)="backXm()">
        返回上一级<i class="fa fa-reply m-l-sm"></i>
      </span>
    </div>
    <div id="report">
      <div style="text-align: center;font-size: 18px;margin: 20px 0;">{{previewObj?.name}}</div>
      <div>
        <div style="display: flex;align-items: center;justify-content: space-between;padding: 0 20px;margin: 10px 0;font-size: 16px;">
          <span>
            日期：
            <nz-date-picker style="width: 200px" [hidden]="!isPreview"></nz-date-picker>
            <input nz-input style="width: 200px" [hidden]="isPreview"/>
          </span>
          <span>节次：第 <input nz-input [placeholder]="isPreview?'请输入':''" style="width: 80px"/> 节至第 <input nz-input [placeholder]="isPreview?'请输入':''" style="width: 80px"/> 节</span>
        </div>
        <div style="border: 1px solid #DEDEDE;">
          <div style="display: flex;align-items: center;justify-content: flex-start;">
            <div style="width: 15%;height: 60px;font-weight: bold;color: #333333;font-size: 16px;border: 1px solid #DEDEDE;display: flex;align-items: center;justify-content: center;"
            >课程名称</div>
            <div style="width: 20%;height: 60px;color: #999999;font-size: 16px;border: 1px solid #DEDEDE;display: flex;align-items: center;justify-content: center;">
              <input nz-input [placeholder]="isPreview?'请输入':''" style="width: 100%;height:100%;border: 0;font-size: 16px"/></div>
            <div style="width: 15%;height: 60px;font-weight: bold;color: #333333;font-size: 16px;border: 1px solid #DEDEDE;display: flex;align-items: center;justify-content: center;">
              任课教师</div>
            <div style="width: 15%;height: 60px;color: #999999;font-size: 16px;border: 1px solid #DEDEDE;display: flex;align-items: center;justify-content: center;">
              <input nz-input [placeholder]="isPreview?'请输入':''" style="width: 100%;height:100%;border: 0;font-size: 16px;"/></div>
            <div style="width: 15%;height: 60px;font-weight: bold;color: #333333;font-size: 16px;border: 1px solid #DEDEDE;display: flex;align-items: center;justify-content: center;">
              职称</div>
            <div style="width: 20%;height: 60px;color: #999999;font-size: 16px;border: 1px solid #DEDEDE;display: flex;align-items: center;justify-content: center;">
              <input nz-input [placeholder]="isPreview?'请输入':''" style="width: 100%;height:100%;border: 0;font-size: 16px;"/></div>
          </div>
          <div style="display: flex;align-items: center;justify-content: flex-start;">
            <div style="width: 15%;height: 60px;font-weight: bold;color: #333333;font-size: 16px;border: 1px solid #DEDEDE;display: flex;align-items: center;justify-content: center;">
              系部</div>
            <div style="width: 20%;height: 60px;color: #999999;font-size: 16px;border: 1px solid #DEDEDE;display: flex;align-items: center;justify-content: center;">
              <input nz-input [placeholder]="isPreview?'请输入':''" style="width: 100%;height:100%;border: 0;font-size: 16px;"/></div>
            <div style="width: 15%;height: 60px;font-weight: bold;color: #333333;font-size: 16px;border: 1px solid #DEDEDE;display: flex;align-items: center;justify-content: center;">
              班级</div>
            <div style="width: 15%;height: 60px;color: #999999;font-size: 16px;border: 1px solid #DEDEDE;display: flex;align-items: center;justify-content: center;">
              <input nz-input [placeholder]="isPreview?'请输入':''" style="width: 100%;height:100%;border: 0;font-size: 16px;"/></div>
            <div style="width: 15%;height: 60px;font-weight: bold;color: #333333;font-size: 16px;border: 1px solid #DEDEDE;display: flex;align-items: center;justify-content: center;">
              专业</div>
            <div style="width: 20%;height: 60px;color: #999999;font-size: 16px;border: 1px solid #DEDEDE;display: flex;align-items: center;justify-content: center;">
              <input nz-input [placeholder]="isPreview?'请输入':''" style="width: 100%;height:100%;border: 0;font-size: 16px;"/></div>
          </div>
          <div style="display: flex;align-items: center;justify-content: flex-start;">
            <div style="width: 15%;height: 60px;font-weight: bold;color: #333333;font-size: 16px;border: 1px solid #DEDEDE;display: flex;align-items: center;justify-content: center;">
              上课地点</div>
            <div style="width: 20%;height: 60px;color: #999999;font-size: 16px;border: 1px solid #DEDEDE;display: flex;align-items: center;justify-content: center;">
              <input nz-input [placeholder]="isPreview?'请输入':''" style="width: 100%;height:100%;border: 0;font-size: 16px;"/></div>
            <div style="width: 15%;height: 60px;font-weight: bold;color: #333333;font-size: 16px;border: 1px solid #DEDEDE;display: flex;align-items: center;justify-content: center;">
              应到</div>
            <div style="width: 15%;height: 60px;color: #999999;font-size: 16px;border: 1px solid #DEDEDE;display: flex;align-items: center;justify-content: center;">
              <input nz-input [placeholder]="isPreview?'请输入':''" style="width: 100%;height:100%;border: 0;font-size: 16px;"/></div>
            <div style="width: 15%;height: 60px;font-weight: bold;color: #333333;font-size: 16px;border: 1px solid #DEDEDE;display: flex;align-items: center;justify-content: center;">
              实到</div>
            <div style="width: 20%;height: 60px;color: #999999;font-size: 16px;border: 1px solid #DEDEDE;">
              <input nz-input [placeholder]="isPreview?'请输入':''" style="width: 100%;height:100%;border: 0;font-size: 16px;"/></div>
          </div>
          <div style="display: flex;align-items: center;justify-content: flex-start;">
            <div style="width: 15%;height: 60px;font-weight: bold;color: #333333;font-size: 16px;border: 1px solid #DEDEDE;display: flex;align-items: center;justify-content: center;">
              迟到</div>
            <div style="width: 20%;height: 60px;color: #999999;font-size: 16px;border: 1px solid #DEDEDE;display: flex;align-items: center;justify-content: center;">
              <input nz-input [placeholder]="isPreview?'请输入':''" style="width: 100%;height:100%;border: 0;font-size: 16px;"/></div>
            <div style="width: 15%;height: 60px;font-weight: bold;color: #333333;font-size: 16px;border: 1px solid #DEDEDE;display: flex;align-items: center;justify-content: center;">
              缺课</div>
            <div style="width: 15%;height: 60px;color: #999999;font-size: 16px;border: 1px solid #DEDEDE;display: flex;align-items: center;justify-content: center;">
              <input nz-input [placeholder]="isPreview?'请输入':''" style="width: 100%;height:100%;border: 0;font-size: 16px;"/></div>
            <div style="width: 15%;height: 60px;font-weight: bold;color: #333333;font-size: 16px;border: 1px solid #DEDEDE;display: flex;align-items: center;justify-content: center;">
              出勤率</div>
            <div style="width: 20%;height: 60px;color: #999999;font-size: 16px;border: 1px solid #DEDEDE;display: flex;align-items: center;justify-content: center;">
              <input nz-input [placeholder]="isPreview?'请输入':''" style="width: 100%;height:100%;border: 0;font-size: 16px;"/></div>
          </div>
          <div style="display: flex;align-items: center;justify-content: flex-start;">
            <div style="width: 15%;height: 60px;font-weight: bold;color: #333333;font-size: 16px;border: 1px solid #DEDEDE;display: flex;align-items: center;justify-content: center;">评课人员</div>
            <div style="width: 85%;height: 60px;color: #999999;font-size: 16px;border: 1px solid #DEDEDE;display: flex;align-items: center;justify-content: space-around;">
              <label nz-checkbox style="font-size: 16px;">学院领导</label>
              <label nz-checkbox style="font-size: 16px;">督导员</label>
              <label nz-checkbox style="font-size: 16px;">系部负责人</label>
              <label nz-checkbox style="font-size: 16px;">职能部门负责人</label>
            </div>
          </div>
          <div style="display: flex;align-items: center;justify-content: flex-start;">
            <div style="width: 15%;height: 200px;font-weight: bold;color: #333333;font-size: 16px;border: 1px solid #DEDEDE;display: flex;align-items: center;justify-content: center;">主要教学内容</div>
            <div style="width: 85%;height: 200px;color: #999999;font-size: 16px;border: 1px solid #DEDEDE;display: flex;align-items: flex-start;justify-content: flex-start;">
              <textarea nz-input [placeholder]="isPreview?'请输入':''" style="resize: none;width: 100%;height: 100%;border: 0;font-size: 16px"></textarea>
            </div>
          </div>

          <table style="border: 1px solid #DEDEDE;border-spacing: 0;border-collapse: collapse;width: 100%;">
            <thead>
            <tr style="text-align: center;">
              <th style="padding:0px;width: 15%;border: none;font-weight: bold;color: #333333;font-size: 16px;height: 0px;text-align: center;background: #fafafa;"></th>
              <th style="padding:0px;width: 50%;border:none;font-weight: bold;color: #333333;font-size: 16px;height: 0px;text-align: center;background: #fafafa;"></th>
              <th style="padding:0px;width: 20%;border: none;font-weight: bold;color: #333333;font-size: 16px;height: 0px;text-align: center;background: #fafafa;"></th>
              <th style="padding:0px;width: 15%;border:none;font-weight: bold;color: #333333;font-size: 16px;height: 0px;text-align: center;background: #fafafa;"></th>
            </tr>
            </thead>


            <tbody>

            <tr style="text-align: center">
              <th style="width: 15%;border: 1px solid #DEDEDE;font-weight: bold;color: #333333;font-size: 16px;height: 60px;text-align: center;background: #fafafa;">评价项目</th>
              <th style="width: 50%;border: 1px solid #DEDEDE;font-weight: bold;color: #333333;font-size: 16px;height: 60px;text-align: center;background: #fafafa;">评价要点</th>
              <th style="width: 20%;border: 1px solid #DEDEDE;font-weight: bold;color: #333333;font-size: 16px;height: 60px;text-align: center;background: #fafafa;">评价记录</th>
              <th style="width: 15%;border: 1px solid #DEDEDE;font-weight: bold;color: #333333;font-size: 16px;height: 60px;text-align: center;background: #fafafa;">量化评分</th>
            </tr>

            <tr *ngFor="let item of previewObj?.list1;">
              <!--            有要点-->
              <td [rowSpan]="item.rows" [hidden]="!item.isshow || item.isType == 2" style="border: 1px solid #DEDEDE;color: #999999;font-size: 16px;height: 60px;padding: 10px;vertical-align: middle;">
                <div style="width: 100%;height: 100%;text-align: center;font-weight: bold;color: #333333;font-size: 16px;display: flex;align-items: center;justify-content: center;">
                  {{item.name}}({{item.score}})
                </div>
              </td>

              <td [hidden]="item.isType == 2" style="border: 1px solid #DEDEDE;color: #999999;font-size: 16px;height: 60px;padding: 10px;vertical-align: middle;text-align: center;">
                {{item.sub_name}}
              </td>

              <!--                预览-->
              <td [hidden]="item.isType == 2" style="border: 1px solid #DEDEDE;color: #999999;font-size: 16px;height: 60px;padding: 10px;vertical-align: middle;text-align: center;">
                <nz-select [ngStyle]="{'width': item.sub_input ? '50%' : '100%'}" style="font-size: 16px;" [nzPlaceHolder]="isPreview?'请选择':''"
                           [(ngModel)]="item.sub_defvalue" (ngModelChange)="multChange($event, item)" nzMode="multiple" [hidden]="item.sub_type != '多选框' || !isPreview">
                  <nz-option [nzLabel]="ot" [nzValue]="ot" *ngFor="let ot of item.sub_valueList;"></nz-option>
                </nz-select>
                <nz-select [ngStyle]="{'width': item.sub_input ? '50%' : '100%'}" style="font-size: 16px;" [nzPlaceHolder]="isPreview?'请选择':''"
                           [(ngModel)]="item.sub_defvalue" (ngModelChange)="singleChange($event, item)" [hidden]="item.sub_type != '单选框' || !isPreview">
                  <nz-option [nzLabel]="ot" [nzValue]="ot" *ngFor="let ot of item.sub_valueList;"></nz-option>
                </nz-select>
                <input nz-input [placeholder]="isPreview?'请输入':''" style="width: 50%;border: 0;font-size: 16px;" [hidden]="!item.sub_input"/>

                <input nz-input [placeholder]="isPreview?'请输入':''" style="width: 100%;border: 0;font-size: 16px;" [hidden]="item.sub_type != '文本框'  || !isPreview"/>

                <!--                  下载-->
                <span [hidden]="isPreview">{{item.sub_value}}</span>
              </td>

              <td [rowSpan]="item.rows" [hidden]="!item.isshow || item.isType == 2" style="border: 1px solid #DEDEDE;color: #999999;font-size: 16px;height: 60px;padding: 10px;vertical-align: middle;text-align: center;">
                <input nz-input [placeholder]="isPreview?'请输入':''" style="width: 100%;height:100%;border: 0;font-size: 16px;" [(ngModel)]="item.itemScore" (blur)="sums($event)"/>
              </td>

              <!--            无要点-->
              <td [hidden]="item.isType == 1" style="border: 1px solid #DEDEDE;color: #999999;font-size: 16px;height: 200px;padding: 10px;vertical-align: middle;text-align: center;">
                <div style="width: 100%;height: 100%;text-align: center;font-weight: bold;color: #333333;font-size: 16px;display: flex;align-items: center;justify-content: center;">
                  {{item.name}}({{item.score}})
                </div>
              </td>
              <td [hidden]="item.isType == 1" colspan="2" style="border: 1px solid #DEDEDE;color: #999999;font-size: 16px;height: 60px;padding: 10px;vertical-align: middle;text-align: center;">
                <textarea nz-input [placeholder]="isPreview?'请输入':''" style="resize: none;width: 100%;height: 100%;border: 0;font-size: 16px"></textarea>
              </td>
              <td [hidden]="item.isType == 1" style="border: 1px solid #DEDEDE;color: #999999;font-size: 16px;height: 60px;padding: 10px;vertical-align: middle;text-align: center;">
                <input nz-input [placeholder]="isPreview?'请输入':''" style="width: 100%;height:100%;border: 0;font-size: 16px;" [(ngModel)]="item.itemScore" (blur)="sums($event)"/>
              </td>
            </tr>


            <!--            总分-->
            <tr>
              <td style="border: 1px solid #DEDEDE;color: #999999;font-size: 16px;height: 60px;padding: 10px;vertical-align: middle;text-align: center;">
                <div style="width: 100%;height: 100%;text-align: center;font-weight: bold;color: #333333;font-size: 16px;display: flex;align-items: center;justify-content: center;">
                  总分
                </div>
              </td>
              <td colspan="3" style="border: 1px solid #DEDEDE;color: #999999;font-size: 16px;height: 60px;padding: 10px;vertical-align: middle;text-align: center;">
                {{previewObj?.sumScore}}
              </td>
            </tr>


            <tr *ngFor="let item1 of previewObj?.noScoreClassifyList;">
              <td style="border: 1px solid #DEDEDE;color: #999999;font-size: 16px;height: 200px;padding: 10px;vertical-align: middle;text-align: center;">
                <div style="width: 100%;height: 100%;text-align: center;font-weight: bold;color: #333333;font-size: 16px;display: flex;align-items: center;justify-content: center;">
                  {{item1.name}}
                </div>
              </td>
              <td colspan="3" style="border: 1px solid #DEDEDE;color: #999999;font-size: 16px;height: 60px;padding: 10px;vertical-align: middle;text-align: center;">
                <textarea nz-input [placeholder]="isPreview?'请输入':''" style="resize: none;width: 100%;height: 100%;border: 0;font-size: 16px"></textarea>
              </td>
            </tr>
            </tbody>

            <tfoot style="border: 1px solid #DEDEDE;border-spacing: 0;border-collapse: collapse;width: 100%;">
            <tr style="text-align: center;">
              <th style="padding:0px;width: 15%;border: none;font-weight: bold;color: #333333;font-size: 16px;height: 0px;text-align: center;background: #fafafa;"></th>
              <th style="padding:0px;width: 50%;border:none;font-weight: bold;color: #333333;font-size: 16px;height: 0px;text-align: center;background: #fafafa;"></th>
              <th style="padding:0px;width: 20%;border: none;font-weight: bold;color: #333333;font-size: 16px;height: 0px;text-align: center;background: #fafafa;"></th>
              <th style="padding:0px;width: 15%;border:none;font-weight: bold;color: #333333;font-size: 16px;height: 0px;text-align: center;background: #fafafa;"></th>
            </tr>
            </tfoot>
          </table>
        </div>
        <div style="display: flex;align-items: center;justify-content: space-between;padding: 0 20px;margin: 10px 0;font-size: 16px;">
          <span></span>
          <span style="margin-right: 6%;">督导签字：</span>
        </div>
      </div>
    </div>
  </div>
</div>


<!--新增评价表-->
<nz-modal [(nzVisible)]="isVisible"
          nzWidth="40%"
          [nzTitle]="modalTitle"
          [nzContent]="modalContent"
          (nzOnCancel)="isVisible = false"
          [nzFooter]="footModel"
          nzMaskClosable="false"
>
  <ng-template #modalTitle>
    <span>新增系部评价表</span>
  </ng-template>
  <ng-template #modalContent>
    <form nz-form [formGroup]="validateForm">
      <div nz-row>
        <div nz-col nzSpan="24">
          <nz-form-item>
            <nz-form-label nzRequired [nzSm]="7">
              学年
            </nz-form-label>
            <nz-form-control [nzSm]="16" [nzXs]="12">
              <nz-select class="w-6" formControlName="schoolYear" [nzPlaceHolder]="'请选择'" [(ngModel)]="addObj.schoolYear" (ngModelChange)="yearListChange($event)">
                <nz-option *ngFor="let item of yearList" [nzLabel]="item.schoolYear" [nzValue]="item.schoolYear"></nz-option>
              </nz-select>
              <nz-form-explain
                *ngIf="validateForm.get('schoolYear').dirty && validateForm.get('schoolYear').errors">
                <span [hidden]="!validateForm.hasError('required','schoolYear')">学年必填</span>
              </nz-form-explain>
            </nz-form-control>
          </nz-form-item>
        </div>
      </div>
      <div nz-row>
        <div nz-col nzSpan="24">
          <nz-form-item>
            <nz-form-label nzRequired [nzSm]="7">
              学期
            </nz-form-label>
            <nz-form-control [nzSm]="16" [nzXs]="12">
              <nz-select class="w-6" formControlName="semesterId" [nzPlaceHolder]="'请选择'" [(ngModel)]="addObj.semesterId" (ngModelChange)="semesterChange($event)">
                <nz-option *ngFor="let item of semesterList" [nzLabel]="item.semesterName" [nzValue]="item.id"></nz-option>
              </nz-select>
              <nz-form-explain
                *ngIf="validateForm.get('semesterId').dirty && validateForm.get('semesterId').errors">
                <span [hidden]="!validateForm.hasError('required','semesterId')">学期必填</span>
              </nz-form-explain>
            </nz-form-control>
          </nz-form-item>
        </div>
      </div>
      <div nz-row>
        <div nz-col nzSpan="24">
          <nz-form-item>
            <nz-form-label nzRequired [nzSm]="7">
              系部
            </nz-form-label>
            <nz-form-control [nzSm]="16" [nzXs]="12">
              <nz-tree-select
                style="width: 100%"
                [nzNodes]="collogeList"
                nzShowSearch
                nzAllowClear
                nzPlaceHolder="请选择"
                formControlName="deptId"
                [(ngModel)]="addObj.deptId"
              >
              </nz-tree-select>
              <nz-form-explain
                *ngIf="validateForm.get('deptId').dirty && validateForm.get('deptId').errors">
                <span [hidden]="!validateForm.hasError('required','deptId')">系部必填</span>
              </nz-form-explain>
            </nz-form-control>
          </nz-form-item>
        </div>
      </div>
      <div nz-row>
        <div nz-col nzSpan="24">
          <nz-form-item>
            <nz-form-label nzRequired [nzSm]="7">
              评价表名称
            </nz-form-label>
            <nz-form-control [nzSm]="16" [nzXs]="12">
              <input nz-input placeholder="请输入" [(ngModel)]="addObj.name" formControlName="name"/>
              <nz-form-explain
                *ngIf="validateForm.get('name').dirty && validateForm.get('name').errors">
                <span [hidden]="!validateForm.hasError('required','name')">评价表名称必填</span>
              </nz-form-explain>
            </nz-form-control>
          </nz-form-item>
        </div>
      </div>
      <div nz-row>
        <div nz-col nzSpan="24">
          <nz-form-item>
            <nz-form-label nzRequired [nzSm]="7">
              选择督导评价表
            </nz-form-label>
            <nz-form-control [nzSm]="16" [nzXs]="12">
              <nz-select class="w-6" formControlName="superviseId" [nzPlaceHolder]="'请选择'" nzShowSearch [(ngModel)]="addObj.superviseId">
                <nz-option *ngFor="let item of ddList" [nzLabel]="item.name" [nzValue]="item.id"></nz-option>
              </nz-select>
              <nz-form-explain
                *ngIf="validateForm.get('superviseId').dirty && validateForm.get('superviseId').errors">
                <span [hidden]="!validateForm.hasError('required','superviseId')">督导评价表必填</span>
              </nz-form-explain>
            </nz-form-control>
          </nz-form-item>
        </div>
      </div>
    </form>
  </ng-template>
  <ng-template #footModel>
    <button nz-button nzType="default" (click)="isVisible = false">取消</button>
    <button nz-button nzType="primary" [disabled]="!validateForm.valid" (click)="submit()">保存</button>
  </ng-template>
</nz-modal>


<!--新增评价要点-->
<nz-modal [(nzVisible)]="isVisibleYd"
          nzWidth="40%"
          [nzTitle]="modalTitleYd"
          [nzContent]="modalContentYd"
          (nzOnCancel)="isVisibleYd = false"
          [nzFooter]="footModelYd"
          nzMaskClosable="false"
>
  <ng-template #modalTitleYd>
    <span>{{ydObj.id?'编辑':'新增'}}评价要点</span>
  </ng-template>
  <ng-template #modalContentYd>
    <form nz-form [formGroup]="validateFormYd">
      <div nz-row>
        <div nz-col nzSpan="24">
          <nz-form-item>
            <nz-form-label nzRequired [nzSm]="7">
              评价项目
            </nz-form-label>
            <nz-form-control [nzSm]="16" [nzXs]="12">
              <input nz-input placeholder="请输入" [(ngModel)]="ydObj.classifyName" formControlName="classifyId" disabled/>
              <nz-form-explain
                *ngIf="validateFormYd.get('classifyId').dirty && validateFormYd.get('classifyId').errors">
                <span [hidden]="!validateFormYd.hasError('required','classifyId')">所属评价项目必填</span>
              </nz-form-explain>
            </nz-form-control>
          </nz-form-item>
        </div>
      </div>
      <div nz-row>
        <div nz-col nzSpan="24">
          <nz-form-item>
            <nz-form-label nzRequired [nzSm]="7">
              评价要点
            </nz-form-label>
            <nz-form-control [nzSm]="16" [nzXs]="12">
              <input nz-input placeholder="请输入" [(ngModel)]="ydObj.name" formControlName="name"/>
              <nz-form-explain
                *ngIf="validateFormYd.get('name').dirty && validateFormYd.get('name').errors">
                <span [hidden]="!validateFormYd.hasError('required','name')">评价要点必填</span>
              </nz-form-explain>
            </nz-form-control>
          </nz-form-item>
        </div>
      </div>
      <div nz-row>
        <div nz-col nzSpan="24">
          <nz-form-item>
            <nz-form-label nzRequired [nzSm]="7">
              类型
            </nz-form-label>
            <nz-form-control [nzSm]="16" [nzXs]="12">
              <nz-radio-group [(ngModel)]="ydObj.type" formControlName="type">
                <label nz-radio [nzValue]="'多选框'">多选框</label>
                <label nz-radio [nzValue]="'单选框'">单选框</label>
                <label nz-radio [nzValue]="'文本框'">文本框</label>
              </nz-radio-group>
              <nz-form-explain
                *ngIf="validateFormYd.get('type').dirty && validateFormYd.get('type').errors">
                <span [hidden]="!validateFormYd.hasError('required','type')">评价记录必填</span>
              </nz-form-explain>
            </nz-form-control>
          </nz-form-item>
        </div>
      </div>
      <div nz-row>
        <div nz-col nzSpan="24">
          <nz-form-item>
            <nz-form-label nzRequired [nzSm]="7">
              评价记录
            </nz-form-label>
            <nz-form-control [nzSm]="16" [nzXs]="12">
              <input nz-input placeholder="请输入" [(ngModel)]="ydObj.value" formControlName="value" [hidden]="ydObj.type == '文本框'"/>
              <input nz-input placeholder="请输入" [(ngModel)]="ydObj.value" formControlName="value1" [hidden]="ydObj.type != '文本框'" disabled/>
            </nz-form-control>
          </nz-form-item>
        </div>
      </div>
    </form>
  </ng-template>
  <ng-template #footModelYd>
    <button nz-button nzType="default" (click)="isVisibleYd = false">取消</button>
    <button nz-button nzType="primary" [disabled]="!validateFormYd.valid" (click)="submitYd()">保存</button>
  </ng-template>
</nz-modal>
































